<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>IPFS 视频</title>
  <link href="css/bootstrap.min.css" rel="stylesheet">
</head>

<script src="js/hls.js"></script>
<script src="js/hlsjs-ipfs-loader@0.1.1_dist_index.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/play.js"></script>

<body>
  <div class="container">
    <div class="row" id="title">
      <h1 class="show">IPFS视频</h1>
    </div>
    <br>

    <div class="row">
      <video id="video"></video>
    </div>
    <br>

    <div class="row">
      <!-- <label style="font-size:25px;"> Like this video? Pay for it to live on the network a bit longer </label><br> -->
      <a href="index.html" 
       class="btn btn-lg btn-default btn-pay btn-danger" 
       style="padding: 25px 88px; font-size: 30px;">首页</a>
    </div>
  </div>
</body>